<template>
	<view class="content">
	<!-- 头部 -->
		<view class="tou flex1">
			<text>田鹏辉</text>
			<input class="put" type="color" name="" id="">
			<text @click="but">搜索</text>
		</view>
		<!-- 中间 -->
		<view class="main">
			<scroll-view scroll-y="true" >
				<view>{{ce}}</view>
			</scroll-view>
	
		
		</view>
		
		<!-- 底部 -->
		<view class="foolt">
			<button @click="get">请求数据</button>
			底部
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
			ce:""
			}
		},
		onLoad() {

		},
		methods: {
but(){
	this.ce="出来"
	console.log("出阿里");
},
get(){
	// console.log('123');
	uni.request({
		url:"https://m.lanqb.com/api/home/news",
		success(res){
			console.log(res);
		}
	})
}
		}
	}
</script>

<style>
	@import url("../../common/quanju.css");
	/* 头部 */
	.tou{
		width: 100vw;
		box-sizing: border-box;
		background-color: #fff;
		padding: 5rpx 20rpx;
	}
.put{
	border: 1px solid #eee;
	border-radius: 20rpx;
	width: 60%;
}
</style>
